<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Product</title>
		<link rel="shortcut icon" type="image/x-icon" href=" img/logo.jpg"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/product.css"/>
		<link rel="stylesheet" type="text/css" href="css/footer.css"/>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/gotop.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<iframe src="head.html" width="100%" height="300px" style="position: fixed;"></iframe>
		<div class="content">
			<div class="title">
				<span class="en">NUTS</span>
				<span class="cn"> 坚果</span>
				<div class="banner">
								  <div class="swiper-container">
								    <div class="swiper-wrapper">
								      <div class="swiper-slide">
										  <a href=""><img src="img/s1.jpg" ></a>
										  <a href=""><img src="img/s2.jpg" ></a>
										  <a href=""><img src="img/s3.jpg" ></a>
										  <a href=""><img src="img/s4.jpg" ></a>
										</div>
										<div class="swiper-slide">
											<a href=""><img src="img/s5.jpg" ></a>
											<a href=""><img src="img/s6.jpg" ></a>
									    </div>
								    </div>
								  </div>
								  
								<span class="en">SEAFOOD SNACKS</span>
								<span class="cn">海味零食</span>
								<div class="swiper-container">
								  <div class="swiper-wrapper">
								    <div class="swiper-slide">
										<a href=""><img src="img/s9.jpg" ></a>
										<a href=""><img src="img/s8.jpg" ></a>
										<a href=""><img src="img/s10.jpg" ></a>
										<a href=""><img src="img/s11.jpg" ></a>
									</div>
									<div class="swiper-slide">
										<a href=""><img src="img/s18.jpg" ></a>
										<a href=""><img src="img/s7.jpg" ></a>
									</div>
								  </div>
								</div>
								
								<span class="en">MEAT SNACKS</span>
								<span class="cn">肉类零食</span>
								<div class="swiper-container">
								  <div class="swiper-wrapper">
								    <div class="swiper-slide">
										<a href=""><img src="img/s17.jpg" ></a>
										<a href=""><img src="img/s13.jpg" ></a>
										<a href=""><img src="img/s16.jpg" ></a>
										<a href=""><img src="img/s14.jpg" ></a>
									</div>
									<div class="swiper-slide">
										<a href=""><img src="img/s12.jpg" ></a>
										<a href=""><img src="img/s15.jpg" ></a>
									</div>
								  </div>
								</div>
								
								<span class="en">ROASTED SEEDS</span>
								<span class="cn">炒货系列</span>
								<div class="swiper-container">
								  <div class="swiper-wrapper">
								    <div class="swiper-slide">
										<a href=""><img src="img/s2.jpg" ></a>
										<a href=""><img src="img/s25.jpg" ></a>
										<a href=""><img src="img/s27.jpg" ></a>
										<a href=""><img src="img/s30.jpg" ></a>
									</div>
									<div class="swiper-slide">
										<a href=""><img src="img/s31.jpg" ></a>
										<a href=""><img src="img/s28.jpg" ></a>
									</div>
								  </div>
								</div>
								
								<span class="en">RED JUJUBE FRUIT</span>
								<span class="cn">红枣干果</span>
								<div class="swiper-container">
								  <div class="swiper-wrapper">
								    <div class="swiper-slide">
										<a href=""><img src="img/s19.jpg" ></a>
										<a href=""><img src="img/s20.jpg" ></a>
										<a href=""><img src="img/s22.jpg" ></a>
										<a href=""><img src="img/s23.jpg" ></a>
									</div>
									<div class="swiper-slide">
										<a href=""><img src="img/s24.jpg" ></a>
										<a href=""><img src="img/s21.jpg"></a>
								</div>
								  </div>
								</div>
								<span class="en">PRESERVED PLUMS & FRUITS</span>
								<span class="cn">话梅果脯</span>
								<div class="swiper-slide">
									<a href=""><img src="img/s32.jpg" ></a>
									<a href=""><img src="img/s33.jpg" ></a>
								</div>
								
								<span class="en">INSTANT VEGETABLE SNACKS</span>
								<span class="cn"> 素食山珍</span>		
								<div class="swiper-slide">
									<a href=""><img src="img/s34.jpg" ></a>
								</div>
														
									<!-- Swiper JS -->
									<script src="js/swiper.min.js"></script>
												 				
									<!-- Initialize Swiper -->
									<script>
									  var swiper = new Swiper('.swiper-container');
									</script>
							</div>
			</div>
		</div>
		
		
		<footer>
			<div class="footer-inner">		
				<div class="footer-copyright">
					<span>2020 二口铺子股份有限公司</span><span>|</span><a href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备09021577号-1</a><span>|</span><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42011202001521"><img src="img/beian.png" >鄂公网安备 42011202001521号</a>
				</div>
				<div class="footer-gotop" id="gotop">
					Back to top <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/></svg>
				</div>
			</div>	
		</footer>
	</body>
</html>
